@charset "utf-8";
*{
  margin: 0;padding: 0;list-style: none;font-family: "微软雅黑", adelle-sans;
  //font-size: 40px;
}
img{display: block;width:100%;height:100%;border:none;}
a{text-decoration: none;}
$fen:#ff0073;
$hui:#9f9f9f;
//warp
.warp{
  width:16rem;height:auto;overflow: hidden;margin:0 auto;
  background: #4693fd;padding-bottom: 2.5rem;
}
header{
  width:100%;height:10rem;
}
//content
.title{
  width:100%;height:2.9rem;margin:0 auto;
  background: url(http://1.tthunbohui.cn/zhuanti/13448/navs.png) no-repeat center center/cover;
  //background-size: 8.875rem 8.8rem;
}
/*你改图在这里改*/
.title1{
  background: url(http://1.tthunbohui.cn/zhuanti/13448/navs.png) no-repeat center center/cover;
}
.title2{
  background: url(http://1.tthunbohui.cn/zhuanti/13448/navs.png) no-repeat center center/cover;
}
.title3{
  background: url(http://1.tthunbohui.cn/zhuanti/13448/navs.png) no-repeat center center/cover;
}
.title4{
  background: url(http://1.tthunbohui.cn/zhuanti/13448/navs.png) no-repeat center center/cover;
}
//content盒子
.content{
  width:100%;height:auto;overflow: hidden;margin:0 auto;background: #224ae5;
  border-top: 0.075rem solid #99aeff;
  border-bottom: 0.075rem solid #99aeff;
}
.con-ul{
  width:15.5rem;height:auto;overflow: hidden;margin:.5rem auto .3rem;
  &>li{
    width:7.6rem;height:9rem;overflow: hidden;float: left;background: #fff;
    margin-bottom: .3rem;
    &>div{
      width:7.05rem;height:8.65rem;margin: .2rem auto 0;overflow: hidden;
      &>a{
        display: block;width:100%;height:4.85rem;
      }
      p{
        width:100%;margin:.2rem auto .2rem;line-height: .36rem;
        span:nth-child(1){color:#343434;font-size: .4rem;}
        span:nth-child(2){color:$fen;font-size: 0.4rem;}
      }
      dl{
        width:100%;overflow: hidden;margin:0 auto;position: relative;height:1rem;
        //background: rgba(0,0,0,0.2);
        dt{
          position: absolute;right:0;top:0;width:1.05rem;height:0.425rem;
          font-size: .3rem;color:#fff;text-indent: .15rem;line-height: .425rem;white-space: nowrap;
          background: url(http://1.tthunbohui.cn/zhuanti/13448/dazhe.png) no-repeat center center/cover;
        }
        dd:nth-of-type(1){
          float: left;font-size: 0;overflow: hidden;
          strong{
            font-size: .75rem;color:$fen;position: relative;padding-left: .5rem;
            display: block;float: left;line-height: 1.25rem;
            &:before{
              content:"￥";position: absolute;left:0;bottom:-.1rem;
              font-size: .45rem;color:$fen;text-indent: 0;
            }
          }
          s{
            color:$hui;font-size: .35rem;padding-left: .15rem;
            float: left;line-height: 1.45rem;
          }
        }
        dd:nth-of-type(2){
          float: right;color:$hui;font-size: .35rem;line-height: 1.5rem;
        }
      }
      div{
        width:100%;height:.95rem;overflow: hidden;margin:.2rem auto 0;
        box-sizing: border-box;padding:.075rem .1rem;
        background: $fen;
        a{
          display: block;width:3.4rem;height:.8rem;float: left;
          font-size: .35rem;text-align: center;line-height: .8rem;
        }
        a:nth-child(1){color:$fen;background: #fff;}
        a:nth-child(2){color:#ffffff;}
      }
    }
  }
  &>li:nth-child(even){
    margin-left: .3rem;
  }
}
/*样式更换*/
.content2{
  background: #ff92a3;
}
/*底飘*/
.nav{
  width:16rem;height:1.95rem;position: fixed;left:0;right:0;bottom:0;margin:auto;
  a{
    float:left;display: block;background: #224ae5;box-sizing: border-box;
    border-right: 1px solid #fff;font-size: .75rem;text-align: center;line-height: 1.95rem;
    width:25%;height:100%;color:#fff;
  }
  a:last-child{
    border-right: none;
  }
  .active{
    background: $fen;
    &:after{
      content:"";
    }
  }
}



